<template>
    <div class="medicalService">
       <img src="../../assets/images/server_02.png" class="img-service">
       <div class="w">
          <div class="search-input">
             <div class="input-group">
              <input type="text" class="form-control" placeholder="查询医生的姓名">
              <span class="input-group-btn">
              <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
              </span>
             </div>
          </div>
          <router-view></router-view>
       </div>
    </div>
</template>

<script>
export default {
   
}
</script>

<style scoped>
h3{
    font-size:30px;
}
.medicalService{
    position:relative;
    top:-20px;
}
.medicalService .img-service{
    width:100%;
}
.w{
    width:1200px;
    margin:0 auto;
    position: relative;
}
.search-input{
    display: flex;
    justify-content: flex-end;
    margin-top:20px;
}
.input-group{
    width:250px;
}
</style>
